<template>
    <div class="form" v-if="priceList">
        <div class="cell">
            <div class="left">代理称谓</div>
            <div class="right">进货价格</div>
        </div>
        <div class="cell" v-for="(item,index) in priceList" :key="index">
            <div class="left" v-if="item.level.name!='VIP'&&item.level.name!=''">{{item.level.name}}</div>
            <div class="right" v-if="item.level.name!='VIP'&&item.price&&item.level.name!=''">￥{{item.price.price?item.price.price.toFixed(2):0.00}}</div>
        </div>

    </div>
</template>

<script>
    export default {
        name : "index",
        props:{
            priceList:Array
        }
    }
</script>

<style scoped lang="stylus">
    .form
        background-color #fff
        margin-top 10px
        padding 10px
        .cell
            display flex
            color #333
            font-size 12px
            border-top 1px solid #dedede
            border-bottom 1px solid #dedede
            margin-top: -1px;
            div
                flex 50%
                text-align center
                padding 5px 0
            .left
                margin-left 30px
                border-right 1px solid  #dedede
            .right
                margin-right 30px
</style>
